

/* crm styles*/
#container{
    width:780px;
    height:680px;
    margin-left: auto;
    margin-right:auto;
    border: 1px solid #666666;
    background-color: #666666;
}
#innerContainer{
    width:740px;
    height:640px;
    margin-top:20px;
    margin-left: auto;
    margin-right:auto;
    background-color: #739FDA;
    border: 1px solid #E7E7E7;
}
#topMenu{
    width:740px;
    height:25px;
    color:#FFFFFF;
    font-size: 16px;
    text-align: center;
}
#topMenuItemLeft{
    width:50px;
    height:20px;
    margin-left: 15px;
    margin-top: 3px;
    color:#FFFFFF;
    font-size: 14px;
    text-align: left;
    float:left;
    border-right:1px solid #FFFFFF;
}
#topMenuItemRight{
    width:80px;
    margin-top: 5px;
    margin-right: 15px;
    height:20px;
    color:#FFFFFF;
    font-size: 10px;
    text-align: right;
    float:right;
}
#topContainer{
    width:715px;
    height:60px;
    margin-left: auto;
    margin-right:auto;
    background-color:#E7E7E7;
}
#topNavBar{

    height:20px;
}
#middleNavBar{

    height:20px;
}

#bottomNavBar{

    height:20px;
}
#navBar{
    height: 18px;
    float:left;
    width:260px;
}
#navBar a{
    font-weight: bold;
}
.navBarItem{
    background-image: url(../Images/paperIconBlack1.png);
    background-repeat: no-repeat;
    padding-left: 12px;
    color: #0033cc;
    float:left;
    margin-left: 15px;
    cursor: pointer;
}
.navBarItem a:hover,.active{
    color: #ff0000;
}
#loginBar{
    background-image: url(../Images/loginIcon.png);
    background-repeat: no-repeat;
    height: 18px;
    float:right;
    width:110px;
}
#loginImage{

    height:14px;
}
#headingBar{
    width:740px;
    height:25px;
    padding-top:5px;
    color:#FFFFFF;
    font-size: 16px;
    text-align: center;
}
#bottomContainer{
    width:715px;
    height:510px;
    margin-left: auto;
    margin-right:auto;
    background-color:#E7E7E7;
}
#bottomInnerContainer{
    width:700px;
    min-height:90px;
    margin-left: auto;
    margin-right:auto;
    padding-top:15px;
}
#bottomImageContainer{
    width:260px;
    min-height:80px;
    padding-top: 30px;
    margin-left: auto;
    margin-right:auto;
}
#bottomImageContainer img{
    margin:12px;
}
#helpImage{
    width:40px;
    height:100px;
    float:left;
    text-align: center;
    font-size: 50px;
    color: #339900;
    font-weight: bold;
}
#helpText{
    width:650px;
    height:80px;
    float:right;
    font-size: 14px;
}
#smallHelpText{
    width:320px;
    height:80px;
    font-size: 14px;
}
#halfContainerLeft{
    margin-top:5px;
    width:346px;
    float:left;
}
#halfContainerRight{
    margin-top:5px;
    width:346px;
    float:right;
}
#halfContainerItem{
    width:200px;
    min-height:30px;
    margin-left: auto;
    margin-right:auto;
    text-align: center;
}

#viewStatusFormContainer{
    width:230px;
    margin-left: auto;
    margin-right:auto;
}
#viewStatusFormContainer input{
    width:80px;
}
.greenButton{
    color:#ffffff;
    background-color: #009900;
    border: 1px solid #E7E7E7;
    height:19px;
    padding-top: 4px;
    width:80px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    float:left;
}
.greenButton:hover{
    border: 1px solid #CCCCCC;
    color: #000000;
}
.greenButtonCenterContainer{
    margin-right: auto;
    margin-left: auto;
    width:80px;
}
#smallGreenButton{
    color:#ffffff;
    background-color: #009900;
    border: 1px solid #E7E7E7;
    height:12px;
    padding-top: 2px;
    width:60px;
    text-align: center;
    font-size: 8px;
    font-weight: bold;
    margin-left: auto;
    margin-right:auto;
    cursor: pointer;
}
#login-panel{
    position: absolute;
    top: 26px;
    right: 0px;
    width: 160px;
    padding: 10px 15px 5px 15px;
    background-color: #009900;
    font-size: 8pt;
    font-weight: bold;
    color: #FFF;
    display: none;
}
.loginButton{
    width:50px;
    height:15px;
    color:#000000;
    background-color: #FFFFFF;
    text-align: center;
}
.loginButton:hover{
    cursor:pointer;
   color: #009900;
}
#formContainer{
    width:600px;
    margin-left: auto;
    margin-right:auto;
}
#formContainer td{
    vertical-align:top;
}
#ticketsTable{
    width:100%;
    border:0px;
    padding: 0px;
    border-collapse:collapse;
}
#ticketsTable th{
    background-color: #999999;
    color: #ffffff;
}
#ticketsTable th,#ticketsTable td,#ticketsTable tr{
    text-align: center;
    border:1px solid #999999;
}
#ticketsTable td:hover{
    cursor: pointer;
}
#tableTopControlsContainer{
    width:700px;
    min-height:20px;
    margin-left: auto;
    margin-right:auto;
    padding-top: 50px;
}
#numResultsInfo{
    color: #0000FF;
    padding:10px;
}
#nextPreviousBar{
    color: #0000FF;
    padding-left:10px;
}

#tableBottomControlsContainer{
    width:700px;
    min-height:20px;
    margin-left: auto;
    margin-right:auto;
    padding-top:10px

}

#viewTicketTable{
    margin-top: 10px;
    width:100%;
    border-collapse:collapse;
    text-align: center;
}
#viewTicketTable th{
    background-color: #999999;
    color: #ffffff;
    border:1px solid #000000;
}
#viewTicketTable td{
    background-color: #e1f9ff;
    color: #000000;
    border:1px solid #000000;
    width:70%;
}

#ticket{
    margin-top: 25px;
    width:100%;
    border-collapse:collapse;
    text-align: center;
}

#ticket th{
    background-color: #739fd9;
    color: #ffffff;
    border:1px solid #000000;
}

#ticket td{
    background-color: #FFFFFF;
    color: #000000;
    border:1px solid #000000;
    width:70%;
}

#ticketReply{
    margin-top: 25px;
    width:100%;
    border-collapse:collapse;
    text-align: center;
}

#ticketReply th{
    background-color: #bfd3ee;
    color: #ffffff;
    border:1px solid #000000;
}

#ticketReply td{
    background-color: #FFFFFF;
    color: #000000;
    border:1px solid #000000;
    width:70%;
}
#postMessageTable {
    margin-top: 20px;
    width:100%;
}

#postMessageTable th {
    width:70%;
}
#postMessageTable td {
    width:30%;
}